<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="郭郑磊">
    <title>小米商城-个人用户</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/user.css">
    <style>
        
    </style>
</head>

<body>
    <!--头部工具条-->
    <div class="header-wrapper user-header">
        <img src="images/avatar.png" alt="">
        <span class="header-title"><a href="">登录/注册</a></span>
    </div>
    <!--3.主题内容-->
    <main>
        <section class="flex ding">
            <a href="">我的订单</a>
            <a href="">全部订单<span class="glyphicon glyphicon-menu-right"></span></a>
        </section>
        <section class="flex money">
            <a href="">
                <img src="images/nav-1.png" alt="">
                <p>待付款</p>
            </a>
            <a href="">
                <img src="images/nav-1.png" alt="">
                <p>待收货</p>
            </a>
            <a href="">
                <img src="images/nav-2.png" alt="">
                <p>退换修</p>
            </a>
        </section>
        <section class="gray-wrap"></section>
        <section class="flex menuli">
            <img src="images/i-wallet.png" alt="">
            <a href="" class="flex">
                <span>我的优惠</span>
                <span class="glyphicon glyphicon-menu-right"></span>
            </a>
        </section>
        <section class="gray-wrap"></section>
        <section class="short">
            <section class="flex menuli">
                <img src="images/i-service.png" alt="">
                <a href="" class="flex borbot">
                    <span>服务中心</span>
                    <span class="glyphicon glyphicon-menu-right"></span>
                </a>
            </section>
            <section class="flex menuli">
                <img src="images/i-mihome.png" alt="">
                <a href="" class="flex">
                    <span>小米之家</span>
                    <span class="glyphicon glyphicon-menu-right"></span>
                </a>
            </section>
        </section>
        <section class="gray-wrap"></section>
        <section class="flex menuli">
            <img src="images/i-setting.png" alt="">
            <a href="" class="flex">
                <span>设置</span>
                <span class="glyphicon glyphicon-menu-right"></span>
            </a>
        </section>
        <section class="left-img"></section>
        <section class="right-img"></section>
        <section class="bot-img"></section>
        <section class=""></section>
        <section class=""></section>
        <section class=""></section>
        <section class=""></section>
    </main>
    
    <!--3.主题内容结束-->
    
    
    
    <!--底部导航条-->
    <footer class="navbar-fixed-bottom row">
        <div class="container">
            <div class="col-xs-3">
                <a href="index.html">
                    <span class="glyphicon glyphicon-home"></span>
                    <p class="spa">首页</p>
                </a>
            </div> 
            <div class="col-xs-3">
                <a href="product.html">
                    <span class="glyphicon glyphicon-list-alt"></span>
                    <p class="spa">分类</p
                </a>
            </div>
            <div class="col-xs-3">
                <a href="carl.html">
                    <span class="glyphicon glyphicon-shopping-cart"></span>
                    <p class="spa">购物车</p>
                </a>
            </div>
            <div class="col-xs-3 toolbar-active">
                <a href="user.html">
                    <span class="glyphicon glyphicon-user "></span>
                    <p class="spa">我的</p>
                </a>
            </div>
        </div>
    </footer>
    <!--底部导航条结束-->
    <script src="bootstrap/js/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="js/index.js"></script>
</body>

</html>